<template>
  <el-card>
    <template #header>
      <h1>欢迎使用家谱管理系统</h1>
    </template>
    <p>操作：</p>
    <p>先创建一个家谱，在查看图谱里可以查看家谱树和添加成员</p>
    <p>在成员详情里可以查看成员的详细信息</p>

    <ul>
      <li>
        <el-link type="primary" @click="$router.push('/family-trees')">
          <strong>家谱列表</strong>
        </el-link>
         - 查看、创建和管理您所有的家谱项目
      </li>
    </ul>
  </el-card>
</template>

<script setup lang="ts">

</script>

<style scoped>
ul {
  list-style-type: none;
  padding-left: 0;
}
li {
  margin-bottom: 10px;
}
</style>
